/*
 * Develop by Webis Team
 * Project Name : Babo Renewal
 * Created date : 01/04/2014
 * Copyright © Webis.INC. All right reserved 

/* --//////////////////////////////////////////////////////////////////////-- */
/* EVENT PAGE STYLE                                                           */
/* --//////////////////////////////////////////////////////////////////////-- */
#event div.topdiv{height:300px; margin-top:20px; margin-bottom:20px;}
#event div.topdiv div.leftmenu{width:170px; float:left;}
#event div.topdiv div.rolling{width:541px; float:left; margin-left:15px;}
#event div.topdiv .promotion{width:356px; float:right; position:relative;}
#event div.topdiv div.leftmenu div.nm{height:101px; border-top:2px solid #cfcfcf;}
#event div.topdiv div.leftmenu div.nm img{margin:28px 0 0 10px;}
#event div.topdiv .promotion .JqueryBannerButton{position:absolute; left:40px; bottom:6px; }

/* Rolling banner */
#event div.topdiv div.rolling div.banner{height:298px; border:1px solid #eeeeee; position:relative;}
#event div.topdiv div.rolling div.JqueryBannerButton{position:absolute; left:189px; bottom:10px;}

/* Promotion banner */
#event div.topdiv .promotion div.item dl.photo{width:160px; height:300px; float:left;}
#event div.topdiv .promotion div.item ul.banner{width:195px; float:left; border-top:1px solid #ebebeb; border-right:1px solid #ebebeb;}
#event div.topdiv .promotion div.item ul.banner li{border-bottom: 1px solid #ebebeb;}

/* Event List */
#event div.centerbg{background:#fbfbfb; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; padding-bottom:27px;}
#event ul.list li{float:left; padding:18px 16px 0 0;}
#event ul.list li.br{padding-right:0;}
#event ul.list li dl{display:block; width:168px; height:298px; position:relative; border:1px solid #eaeaea; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
#event ul.list li div.icon{width:158px; height:14px; position:absolute; left:15px; top:15px;}
#event ul.list li div.icon ul li{padding:0 2px 0 0;}
#event ul.list li div.photo a{display:block;}
#event ul.list li div.time{width:100%; height:24px; background: url('../img/event/bg_time_bar.png') repeat-x; position:absolute; left:0; bottom:0;}
#event ul.list li div.time span{display:block; padding:8px 10px 0 0; text-align:right; font-size:11px; color:#bbbbbb; letter-spacing:2px;}

/* Plan - Event Item Size x 2 */
#event ul.list li.plan dl{width:354px;}
#event ul.list li.plan div.icon{width:158px;}

/* Event Small banner list */
#event ul.small-banner{margin-bottom:40px;}
#event ul.small-banner > li{float:left; padding:16px 16px 0 0;}
#event ul.small-banner > li.br{padding-right:0;}
#event ul.small-banner > li > dl{width:261px; height:120px; border:1px solid #eaeaea; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; display:block; position:relative; cursor:pointer;}
#event ul.small-banner > li > dl > div.img{width:100px; height:100px; display:inline-block; float:left; margin:10px;}
#event ul.small-banner li dl ul.info{width:140px; display:inline-block; float:left;}
#event ul.small-banner li dl ul.info li{padding:8px 10px 0 0;}
#event ul.small-banner li dl ul.info li.txt1{color:#888888; line-height:16px;}
#event ul.small-banner li dl ul.info li.txt2{padding-top:3px;}
#event ul.small-banner li dl div.time{position:absolute; right:10px; bottom:10px; font-size:11px; color:#bbbbbb; letter-spacing:0.12em;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* EVENT VIEW STYLE                                                           */
/* --//////////////////////////////////////////////////////////////////////-- */
#event_view div.banner{width:100%; text-align: center;}
#event_view div.content{background:url('../img/event/bg_banner_shadow.gif') left top repeat-x;}
#event_view div.time{width:100%; height:40px; background-color:#fff; margin-top:12px; margin-bottom:-40px; position:relative; font-size:11px; color:#bbbbbb; text-align:right;}
#event_view div.overbot{margin-top:-40px; height:40px; background-color:#fff; position:relative;}
#event_view ul.list{display:inline-block; *display:inline; border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7;}
#event_view ul.list > li{float:left; padding:40px 41px 39px 40px; border-bottom:1px solid #f9f9f9; background:url('../img/event/bg_line_m.gif') right 40px no-repeat;}
#event_view ul.list > li.startln{margin-left:27px; padding-left:0;}
#event_view ul.list > li.endln{margin-right:27px; padding-right:0; background-image:none;}
#event_view ul.list > li dl{width:200px; height:330px; position:relative;}
#event_view ul.list > li dl div.info, 
#event_view ul.list > li dl div.price{padding-left:5px;}
#event_view ul.list > li dl div.info {margin-top:18px;}
#event_view ul.list > li dl div.info a{display:block;}
#event_view ul.list > li dl div.info a:hover{text-decoration:underline;}
#event_view ul.list > li dl div.info .brand{font-size:11px; color:#888888;}
#event_view ul.list > li dl div.info .name{width:152px; margin-top:5px; line-height:14px;}
#event_view ul.list > li dl div.price{margin-top:16px; color:#888888;}
#event_view ul.list > li dl div.price .num{display:block; margin-bottom:3px; text-decoration:line-through;}
#event_view ul.list > li dl div.price ul li:first-child{width:52px; float:left;}
#event_view ul.list > li dl div.price ul li:last-child{font-weight:bold; color:#ff5871;}
#event_view ul.list > li dl div.price ul li:last-child img{vertical-align:baseline;}
#event_view ul.list > li dl div.icon{width:100%; height:14px; position:absolute; left:5px; bottom:0;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* SALE PAGE STYLE                                                            */
/* --//////////////////////////////////////////////////////////////////////-- */
#sale div.topdiv{height: 300px;margin-top:20px; margin-bottom:30px;}
#sale div.topdiv div.leftmenu{width:170px; float:left;}
#sale div.topdiv div.banner{width:910px; float:right;}

/* Top - Left Menu */
#sale div.topdiv div.leftmenu div.nm{height:101px; border-top:2px solid #cfcfcf;}
#sale div.topdiv div.leftmenu div.nm img{margin:28px 0 0 10px;}

/* Top -  Right Banner */
#sale div.topdiv div.banner .inner{height:298px; background:#fafafa; border:1px solid #f1f1f1; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; position:relative;}
#sale div.topdiv div.banner .rolling{width:790px; height:250px; margin: 24px auto;}
#sale div.topdiv div.banner .rolling ul li{padding-right:19px;}
#sale div.topdiv div.banner .rolling .btnprev, 
#sale div.topdiv div.banner .rolling .btnnext{width:15px; height:23px; position:absolute; top:137px; cursor:pointer;}
#sale div.topdiv div.banner .rolling .btnprev{left:20px;}
#sale div.topdiv div.banner .rolling .btnnext{right:20px;}

/* Tabs - Sort - List Tree */
#sale .tabs{display:block; background:url("../img/common/bg_tab_sale.gif") repeat-x;}
#sale .tabs:after{clear:both; content:""; display:block;}
#sale .tabs a{width:124px; height:31px;background: url("../img/common/tab_sale.gif") no-repeat; display:inline; float:left; font-family:Dotum; font-size:13px; line-height:31px; text-align:center; letter-spacing:-1px; margin-right:-1px;}
#sale .tabs a.on{background:url("../img/common/tab_sale_r.gif") no-repeat; font-weight:bold;}
#sale .tabs a:hover{text-decoration:underline;}

/* Sale List */
#sale div.item{margin-top:-20px;}
#sale ul.list{display:inline-block; *display:inline;}
#sale ul.list li{float:left; padding:40px 44px 40px 43px; border-bottom:1px solid #f6f6f6; background:url('../img/product/bg_sale_line_m.gif') right 40px no-repeat;}
#sale ul.list li.startln{padding-left:0;}
#sale ul.list li.endln{padding-right:0; background-image:none;}
#sale ul.list li.clear{background:#fff; padding:0; display:block; width:100%; height:1px; border:none; margin-top:-1px;}
#sale ul.list li dl{width:150px; height:252px; position:relative;}
#sale ul.list li dl div.photo{width:150px; height:150px;}
#sale ul.list li dl div.icons{height:29px; position:relative;}
#sale ul.list li dl div.icons img{float:left; margin:4px 2px 0 0;}
#sale ul.list li dl div.icons div.sale{width:35px; height:29px; background:url('../img/common/bg_sale_percent.gif') no-repeat; position:absolute; right:0; top:0;}
#sale ul.list li dl div.icons div.sale span{display:block; font-family:Lato Bold; font-size:16px; margin-top:4px; text-align:center; color:#FFFFFF;}
#sale ul.list li dl div.icons div.sale em{font-size:10px;}
#sale ul.list li dl div.info .brand,
#sale ul.list li dl div.info .name{display:block; font-size:11px;}
#sale ul.list li dl div.info .brand:hover,
#sale ul.list li dl div.info .name:hover{text-decoration:underline;}
#sale ul.list li dl div.info .brand{color:#888888; margin-top:2px;}
#sale ul.list li dl div.info .name{color:#666666; width:99px; margin-top:3px; line-height:15px;}
#sale ul.list li dl div.price{width:100%; height:20px; position:absolute; left:0; bottom:0;}
#sale ul.list li dl div.price .n1, #sale ul.list li dl div.price .n2{position:absolute; bottom:0;}
#sale ul.list li dl div.price .n1{left:0; text-decoration: line-through; color:#999999;}
#sale ul.list li dl div.price .n2{right:3px; font-weight:bold;}
#sale table.page-control{margin-top:20px; margin-bottom:30px;}

/* --//////////////////////////////////////////////////////////////////////-- */
/* COUPON PAGE STYLE                                                          */
/* --//////////////////////////////////////////////////////////////////////-- */
#coupon div.topblock{}
#coupon div.topblock div.zone .inner, 
#coupon div.topblock div.app .inner{height:228px; background:#fafafa; border:1px solid #eeeeee; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
#coupon div.topblock div.zone{width:540px; float:left;}
#coupon div.topblock div.app {width:540px; float:right;}
#coupon div.topblock div.app div.frm{color:#d9d9d9;}
#coupon div.topblock div.app div.frm input.txt{width:46px; height:18px; line-height:18px; padding:5px 10px; font-size:14px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
#coupon div.topblock div.app div.frm span.hyphen:after{margin:0px; color:#d9d9d9;}
#coupon div.topblock div.app div.frm .btnsend{margin-left:5px; cursor:pointer;}

/* Coupon List */
#coupon ul.list li{padding:30px 1px 25px 0; border-bottom:1px solid #f6f6f6; float:left;}
#coupon ul.list li dl{width:365px; height:217px; position:relative;}
#coupon ul.list li dl div.item{width:365px; height:180px; position:relative;}
#coupon ul.list li dl div.item .time{width:100%; height:27px; background:url('../img/coupon/bg_time_bar.png') no-repeat center top; position:absolute; left:0; bottom:1px;}
#coupon ul.list li dl div.item .time span{display:block; font-size:11px; letter-spacing:2px; padding:10px 27px 0 0; color:#bbbbbb; text-align:right;}
#coupon ul.list li dl div.link{width:270px; height:28px; position:absolute; left:48px; bottom:0; text-align:center;}
#coupon ul.list li dl div.link:after{display:table; content:""; clear:both;}
#coupon ul.list li dl div.link a{text-decoration:none; float:left;}
#coupon ul.list li dl div.link .space{display:block; width:1px; height:28px; float:left; margin:0 14px; background:url('../img/coupon/ver_line.gif') left center no-repeat;}
#coupon ul.list li.overbot{display:block; width:100%; height:1px; margin-top:-1px; padding:0; border:none; background:#ffffff;}
#coupon div.tip{margin-top:54px; text-align:center;}